<?php
Utils::loadCss("/external/lightbox/css/lightbox.css");
Utils::loadJs("/external/lightbox/js/lightbox.js.php");
?>
<script type="text/javascript">
    $(function() {
        $('#lightbox a').lightBox();
    });
</script>

<?php if(count($album_images) >0):?>
<div class='div div-plain'>
	<div class='div div-plain row'>
		<div>
			<?php
			foreach ($album_images as $album_image){
				$album_image_thumbnail_url = Utils::getImageUrlById("album", "thumbnail", $album_image->id);
				$album_image_url = Utils::getImageUrlById("album", "", $album_image->id);
				echo "<div class='pull-left' style='width:100px; height:100px;margin:8px;'><a href='$album_image_url' class='thumbnail' rel='lightbox[album]' title='$album_image->description'><img src='$album_image_thumbnail_url' /></a></div>";
			}
			?>
		</div>
		<br />
	</div>
</div>
<?php endif;?>